<template>
    <div>
         <mt-swipe :auto="4000">
             <!-- 这里的lunbotuList是父组件向子组件传递的数据 -->
            <mt-swipe-item v-for="(item,index) in lunbotuList" :key="index">
                <img :src="item.img" alt="">
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>

<script>
export default {
 props: ["lunbotuList"]
}
</script>

<style lang="scss" scoped>
.mint-swipe{
    height: 200px;
    .mint-swipe-item{
        &:nth-child(1){
            background-color: red;
        }
        &:nth-child(2){
            background-color: blue;
        }
        &:nth-child(3){
            background-color: yellow;
        }

        img{
            width: 100%;
            height: 100%;
        }
    }
}
</style>